<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>者也</title>
	<link rel="stylesheet" href="/css/index.css">
	<link rel="stylesheet" href="/dist/css/bootstrap.min.css">
		 <script src="/dist/js/jquery.min.js"></script>
		 <script src="/dist/js/bootstrap.min.js"></script>
		 <script src="/dist/js/holder.min.js"></script>
		 <script src="/dist/js/application.min.js"></script>
</head>
<body>
	@include('/home/menu')
	<div class="body_main container ">
		<div class="col-md-10 col-md-offset-1">
			<div class="body_max_right">
				<div class="body_top_title">
					<div class="body_top_title_img"><img src="/image/da8e974dc_xs.jpg" alt="" width="100%"></div>
					<div class="body_top_title_san">
						<ul>
							<li><i class="glyphicon glyphicon-question-sign"></i> 提交　｜</li>
							<li><i class="glyphicon glyphicon-list-alt"></i> 回答　｜</li>
							<li><i class="glyphicon glyphicon-pencil"></i> <a id="article"  href='article'>写文章</a></li>
						</ul>
						<div class="body_top_draft">草稿</div>
					</div>
				</div>
						<!---------------------- 已关注话题 ---------------------->
				<div class="name_attention">
					<div class="name_attention_already">按已关注的话题阅读 :</div>
					<div class="name_attention_for">
						<!-- 遍历兴趣 -->
						@for($i=0; $i < $len ; $i++)

						<a href="">{{ $row[$i] }}</a>

						@endfor
						
					</div>
				</div>
				<div class="body_left_title">
	            	<i class=" glyphicon glyphicon-list-alt"></i>
	            	<span><b>最新动态</b></span>
	           	 	<div class="left_title_a "><i class="glyphicon glyphicon-cog"></i><a href=""> 设置</a></div>
	          	</div>
				<!---------------------- 内容 ---------------------->
				<div class="text_for_body" id="lis" style='display:none'>
		          			
		          		<div class="text_for_title_img"><img src="/image/b75f995419ff775ff71fca685d7825af_m.jpg.png"  width="100%" alt=""></div>
		          		<div class="text_origin">来自话题 : js</div>
		              	<div class="text_for_title">
		              		<a href=""><b>CSS 有哪些暖心却鲜为人知的属性？  </b></a>
		              	</div>
		              	<div class="text_for_title_id">56</div>
		              	<div class="text_for_bowel_right">

			                <div class="text_for_intro">
			                  <a href=""><b>28 、</b></a>
			                  <span>只说我知道的</span>
			                </div>

			                <div class="text_for_body_content">
				                <!-- 图片 -->

				                  <div class="text_for_body_content_img"><img  src="" width="100%" alt=""></div>
								<!-- 内容 -->
								<span>
			                  	pointer-events很有js味道的一个属性，把值设置为none可以让元素不捕获事件，可以理解为让他看得见摸不着。之前jd某个活动页使用了它，在页面上盖了一层长宽都100%的canvas，canvas里面雪花飘零。当时我还很纳闷，到底用了什么黑科技让canvas浮在所有dom上面而鼠标对页面的操作丝毫不受影响，想了
			                 	</span>
		                  		 <a href="">显示全部</a>
		                	</div>
							
			                <div class="text_for_jishu">
			                  <ul class="text-ul_wendianji">
			                    <li class="lis_guanzhuwt"><i class="glyphicon glyphicon-plus"></i> 关注问题</li>
			                    <li><i class="glyphicon glyphicon-edit"></i>231条评论&nbsp;</li>
			                    <ul class="li_wendianji">
									<li class="lis_ganxie"><i class="glyphicon glyphicon-heart"></i><a href="" >感谢</a></li>
									<li class="lis_fenxiang"><i class="glyphicon glyphicon-share-alt"></i><a href="#">分享</a></li>
									<li class=""><i class="glyphicon glyphicon-bookmark"></i><a href="#">收藏</a></li>
									<li class=""><a href="">•&nbsp;没有帮助</a></li>
									<li class=""><a href="">•&nbsp;举报</a></li>
			                    </ul>
			                    <li>•&nbsp;<a href="">作者保留权利</a></li>
			                  </ul>
			                </div>
		              	</div>
		          	</div>
				<div class="text_for_body_main">
	          	</div>


			</div>

			<div class="body_max_left">
				<div class="body_max_left_top">
						<!---------------------- 收藏 关注 ---------------------->
						
					<div class="left_top_guanzhu">
						<ul>
							<li><i class="glyphicon glyphicon-bookmark"></i> 我的收藏</li>
							<li><i class="glyphicon glyphicon-check"></i> 我关注的问题</li>
							<li><i class="glyphicon glyphicon-file"></i> 邀请我回答的问题</li>
						</ul>
					</div>
						<!--------------------- 话题 动态 社区 ---------------------->

					<div class="left_top_guanzhu_two">
						<ul>
							<li><i class="glyphicon glyphicon-th-large"></i> <a href="">话题广场</a></li>
							<li><i class="glyphicon glyphicon-th-list"></i> <a href="">公共编辑动态</a></li>
							<li><i class="glyphicon glyphicon-home"></i> <a href="">社区服务中心</a></li>
							<li><i class="glyphicon glyphicon-copyright-mark"></i><a href=""> 版权服务中心</a></li>
						</ul>
					</div>
						<!---------------------- 知乎专栏 ---------------------->

					<div class="left_zh_zhuanlan">
						<div class="left_zh_zhuanlan_title"><b>知乎专栏</b>
						</div>
						<div class="left_zh_zhuanlan_fx">
							<i class="glyphicon glyphicon-list-alt"></i>
							<a href="">专栏 . 发现</a>
						</div>
					</div>	
						<!---------------------- 知乎圆桌 ---------------------->
					<div class="left_zh_yuanzhuo">
						<div class="left_zh_yuanzhuo_title">知乎圆桌
							<div class="left_zh_yuanzhuo_title_right">
								<a href="">查看全部 »</a>
							</div>
							<div class="left_zh_yuanzhuo_content">
								<div class="left_zh_yuanzhuo_logo">
									<img src="/image/v2-c343059a2a86b4dd30754b08665966e0_s.jpg" alt="">
								</div>
								<a href="">聊聊美式橄榄球</a>
							</div>
							<div class="left_zh_yuanzhuo_content">
								<div class="left_zh_yuanzhuo_logo">
									<img src="/image/7dad59601ba6ce0083aac674a16c3074_s.png" alt="">
								</div>
								<a href="">闲话葡萄酒</a>
							</div>
							<div class="left_zh_yuanzhuo_content">
								<div class="left_zh_yuanzhuo_logo">
									<img src="/image/34b5298e3b8dd7da373d610e88d7688a_s.png" alt="">
								</div>
								<a href="">里约奥运</a>
							</div>
						</div>
					</div>
						<!---------------------- 电子书 ---------------------->	
					<div class="left_zh_yuanzhuo">
						<div class="left_zh_yuanzhuo_title">知乎电子书
							<div class="left_zh_yuanzhuo_title_right">
								<a href="">查看全部 »</a>
							</div>
							<div class="left_zh_yuanzhuo_content">
								<div class="left_zh_yuanzhuo_logo">
									<img src="/image/nacl.png" alt="">
								</div>
								<a href="">穿过硝烟：我是纪实摄影师 </a>
							</div>
							<div class="left_zh_yuanzhuo_content">
								<div class="left_zh_yuanzhuo_logo">
									<img src="/image/hour.png" alt="">
								</div>
								<a href="">进击的植物</a>
							</div>
							<div class="left_zh_yuanzhuo_content">
								<div class="left_zh_yuanzhuo_logo">
									<img src="/image/weekly.png" alt="">
								</div>
								<a href="">大发明家</a>
							</div>
						</div>
					</div>
					
					<div class="faxian_content_buttom">
		              <ul>
		                <li><a target="_blank" href="https://liukanshan.zhihu.com">刘看山 •</a></li>
		                <li><a target="_blank" href="/question/19581624">知乎指南 •</a></li>
		                <li><a id="js-feedback-button" href="javascript:;">建议反馈 •</a></li>
		                <li><a target="_blank" href="/app">移动应用 •</a></li>
		                <li><a href="/careers">加入知乎</a></li>
		                <li><a target="_blank" href="/terms">知乎协议 •</a></li>
		                <li><a href="/contact">联系我们 </a><span>© 2016 知乎</span></li>
		              </ul>
		          </div>
				</div>
			</div>
		</div>
	</div>
	<script src="/js/jquery-1.8.3.min.js"></script>
	<script src="/js/index.js">
	</script>
</body>
</html>